<!-- 실종동물 SOS List 페이지 -->
<!DOCTYPE html>
<html>
<head>
    <title>S-Pet SOS List Page(v0.3)</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <style>
	    body, .list{
			margin:0; padding:0; bgcolor: silver;
		}
 		/*   tr:even{ bgcolor: silver; } */
    </style>
	<link href="/lib/jquery.mobile-1.3.2.css" type="text/css" rel="stylesheet">
	<script type="text/javascript" src="/lib/jquery-2.0.3.js"></script>
	<script type="text/javascript" src="/lib/jquery.mobile-1.3.2.js"></script>
    <script>
		/* $('tr:even').css('bgcolor', 'silver'); */
    </script>
</head>
<body>
    <div data-role="page">
        <div data-role="header" data-theme="b" data-position="fixed">
            <a href="/" data-icon="home" class="ui-btn-left">Home</a>
            <h1>SOS List</h1>
            <a href="#" data-icon="refresh">Refresh</a>
        </div>
        <div data-role="content">
        
	<h3>[App User View] 실종동물 BBS</h3>
	<table border="1" class="list">
	<tr>
		<th>No.</th>
		<th>주인이름</th>
		<th>동물이름</th>
		<th>전화번호</th>
		<th>특징</th>
		<th>사례금</th>
		<th>실종여부</th>
	</tr>
	<% if(data.length==0){ %>
	<tr>
		<td colspan="7" align="center">내용 없음</td>
	</tr>
	<% }else{
		for(var i=data.length-1; i >= 0 ; i--){ %>
	<tr>
		<td><%= i+1 %></td>
		<td><%= data[i].owner %></td>
		<td><a href="/readview?i=<%= data[i].pid %>&mode=sos"><%= data[i].name %></a></td>
		<td><%= data[i].tel %></td>
		<td><%= data[i].memo %></td>
		<td><%= data[i].cash %>만원</td>
		<td><%= data[i].sos %></td>
	</tr>
	<% }
	} %>
	</table>
        </div>
    </div>
</body>
</html>